@import "common";

body {
  min-width: 320px;
  width: 15rem;
  margin: 0 auto;
  line-height: 1.5;
  font-family: Arial, Helvetica, STHeiTi, sans-serif;
  background: #ffffff;
}
ul,
ol {
  list-style: none;
}
@baseFont: 50px;
//搜索框
.select{
  top: 0.3rem;
  left: 2.2rem;
  position: relative;
  b{
    position: absolute;
    color: #303030;
    font-size: 0.5rem;
    top: 0.55rem;
    margin-left: 0.2rem;
  }
  input{
    height: 0.78rem;
    width: 10.78rem;
    text-align: center;
    border:none;
    font-size: 0.5rem;
    background-color:#ffffff;
    border-radius:0.5rem ;
    border: none;
    box-shadow: 0px 0px 15px 0px #d4d4d4;
    //去掉input栏边框线
    outline: medium;
  }
  input::-webkit-input-placeholder{
    color: #303030;
    font-size: 0.5rem;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
  color: #303030;
  font-size: 0.5rem;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
  color: #303030;
  font-size: 0.5rem;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color: #303030;
    font-size: 0.5rem;
}
}

//contain区域
.container{
 margin-top: 0.5rem;
  width: 100%;
  height: 18rem;
 .card{
  height: 6.7rem;
  margin: 0rem 1rem 0.5rem 2rem;
  border-radius: 0.5rem;
  border:1px solid #ccc;
  box-shadow: 0px 0px 15px 0px #d4d4d4;
  .box{
    height: 3rem;
    h1{
      margin-top: 0.2rem;
      margin-left:5rem;
      font-size: 0.6rem;
      color: #8acddb;
    }
    h3{
      margin-left: 1rem;
      margin-top: -0.2rem;
      font-size: 0.3rem;
      color:#383936;
    }
    h2{
      margin-left: 1rem;
      margin-top: -0.2rem;
      font-size: 0.4rem;
      color: #e73528;
    }
  }
  .sourse-content{
    h2{
      &:nth-child(1){
        margin-top: 0.2rem;
      }
      
      margin-left: 1rem;
      font-size: 0.2rem;
      color: #ec8e5b;
    }
   
  }
}
}